<!DOCTYPE html>
<style>
.float{float:left; width: 200px; height: 20px; background-color: blue;}
.container{width: 100px; background-color: green; border: 5px solid black;}
b {vertical-align:10%;}
div { font: 20px Ahem; }
</style>
<script src="../../../resources/check-layout.js"></script>
<div class="container" data-expected-height=30>
    <br style="clear: both;"><b><div class="float"></div>
</div>
<p>crbug.com/477814: A float on an empty line should get positioned and not cause an ASSERT. </p>
<p id="test-output"></p>
<script>
    window.checkLayout("div", document.getElementById("test-output"));
</script>
